<%@ page language="java" pageEncoding="UTF-8" %>
<%@ page language="java" import="java.util.*" %>
<%@page import="com.spring.util.*" %>
<%@page import="com.jntoo.db.*" %>
<%@ taglib prefix="ssm" uri="http://ssm" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ include file="head.jsp" %>
<%@ include file="header.jsp" %>



<link rel="stylesheet" href="js/swiper/swiper.css" />
<script src="js/swiper/swiper.js"></script>


<link href="js/owl/owl.carousel.min.css" rel="stylesheet" />
<script src="js/owl/owl.carousel.min.js"></script>
<div>
    ${bhtList = Query.make("lunbotu").order("id desc").limit(5).select();""}

    <div class="swiper-container" id="base/banner7">
        <div class="swiper-wrapper">
            <c:forEach items="${bhtList}" var="bht"
            ><c:set var="bht" value="${bht}" scope="request" />
                <div class="swiper-slide">
                    <div class="decoimg_b2">
                        <a class="btn btn-" href="${bht.url}" style="background-image: url('${bht.image}'); height: 460px"></a>
                    </div>
                </div>
            </c:forEach>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>

    <script>
        var mySwiper = new Swiper("#base/banner7", {
            loop: true, // 循环模式选项
            autoplay: {
                delay: 3000,
                disableOnInteraction: false,
            },
            // 如果需要分页器
            pagination: {
                el: ".swiper-pagination",
            },
            // 如果需要前进后退按钮
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
            // 如果需要滚动条
            /*scrollbar: {
            el: '.swiper-scrollbar',
        },*/
        });
    </script>
</div>
<div>
    <div class="container">
        <!-- 使用bootstrap css框架，container定宽，并剧中 https://v3.bootcss.com/css/#overview-container -->

        <div class="title-modelbox-widget" style="margin: 20px 0 0 0">
            <h3 class="section-title">课件资源</h3>
            <div class="sidebar-widget-body">
                <div class="blog_carousel clearfix">
                    <div style="margin-bottom: 20px">
                        <form action="?" class="search">
                            <table class="jd-search">
                                <tbody>
                                <tr>
                                    <td class="form-inline">
                                        <input type="text" class="form-control" style="width: 220px" name="biaoti"
                                               value="${param.biaoti}" placeholder="请输入关键词"/>
                                        <button type="submit" class="btn btn-default">搜索</button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </form>
                    </div>

                    <div class="row clearfix">
                        <c:forEach items="${list}" var="r"
                        ><c:set var="r" value="${r}" scope="request"/>
                            <div class="article-col col-md-3 col-xs-12">
                                <article class="single_blog">
                                    <figure>
                                        <div class="blog_thumb">
                                            <a href="kejiandetail.do?id=${r.id}" class="img-box pb80">
                                                <div class="img" style="background-image: url('${r.fengmian}')"></div>
                                            </a>
                                        </div>
                                        <figcaption class="blog_content">
                                            <h4 class="post_title">
                                                <a href="kejiandetail.do?id=${r.id}"> ${Info.subStr(r.biaoti, 12)} </a>
                                            </h4>
                                        </figcaption>
                                    </figure>
                                </article>
                            </div>
                        </c:forEach>
                    </div>

                    <%@include file="/page.jsp" %>

                </div>
            </div>
            <!-- /.sidebar-widget-body -->
        </div>

        <!-- container定宽，并剧中结束 -->
    </div>
</div>

<%@ include file="footer.jsp" %>
<%@ include file="foot.jsp" %>

